<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<!-- <head>
    <meta charset="utf-8" />
    <title></title>
    <link th:href="@{/css/orgstyle.css}" rel="stylesheet"/>
</head>  -->
<link rel="stylesheet" th:href="@{/css/orgstyle.css}"/>
<head th:include="include :: header"></head>
<script th:src="@{/ajax/libs/select/select2.js}"></script>
<script th:src="@{/echarts/echarts.js}"></script>
<script th:src="@{/echarts/echarts.min.js}"></script>
<body class="">
<style>
    .evaluate_b_but button {
        border-radius: 3px;
        margin: 0 2.5px;
        font-size: 14px;
        width: 80px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
        color: #fff;
        text-shadow: 0 1px 0 #80c6bd;
        background: #58B2C6;
        background: -webkit-gradient(linear, left top, left bottom, from(#33a0d0), to(#80c6bd));
        background: -moz-linear-gradient(top, #33a0d0, #80c6bd);
    }

    .evaluate_b_but button:hover {
        background: #3B95AA;
        background: -webkit-gradient(linear, left top, left bottom, from(#80c6bd), to(#33a0d0));
        background: -moz-linear-gradient(top, #33a0d0, #80c6bd);
    }

    .content1 {
        width: 100%;
    }
</style>
<div aria-hidden="true" class="modal inmodal fade" id="tips_b"
     role="dialog" style="display: none;" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                绩效方案：<span id="jixiaofangan" style="color: red;font-size: 15px;"></span>
                考核对象：<span id="kaoheduixiang" style="color: red;font-size: 15px;"></span>
            </div>
            <div class="modal-body">
                <h5>原因：</h5>
                <p id="result" style="white-space:pre-line;padding-left: 21px;font-size: 13px;"></p>
            </div>
            <div class="modal-footer">
                <button class="btn btn-white" data-dismiss="modal" type="button">好的，知道了</button>
            </div>
        </div>
    </div>
</div>

<div class="content1 orgright">
    <div class="tabPanel">
        <input id="roleId" name="roleId" th:value="${roleId}" type="hidden"><!-- 待办人员角色 -->
        <div class="panes">
            <div class="pane" style="display:block;">

                <div class="pane_mokuai" id="orgDept">
                    <ul id="modelUl">
                        <li class="modelUlli" th:each="orgDept:${orgList}"
                            th:id="${orgDept.tableId}"
                            th:onmousemove="'javascript:onMousOverOrgDeptStatus(\''+${orgDept.tableId}+'\');'"
                            th:onmouseout="'javascript:mouseOutOrgDeptStatus();'">
                            <h3>
                                [[${orgDept.deptName}]]&nbsp;&nbsp;&nbsp;&nbsp;
                            </h3>
                            <p th:onclick="'javascript:dbClickOrgDeptDesc(\''+${orgDept.tableId}+'\');'">
                                <img th:src="@{/img/jinhangzhong.png}"/>
                                <span class="mkRight">[[${orgDept.pStatus}]]</span>
                            </p>
                            <div class="orgDeptStatus" style="float: left;" th:id="${orgDept.tableId}+'_'"></div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<div th:include="include::footer"></div>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script th:src="@{/ruoyi/js/ry-ui.js?v=3.2.0}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/plugins/metisMenu/jquery.metisMenu.js}"></script>
<script th:src="@{/js/plugins/slimscroll/jquery.slimscroll.min.js}"></script>
<script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script th:src="@{/ruoyi/index.js}"></script>
<script th:src="@{/ajax/libs/fullscreen/jquery.fullscreen.js}"></script>
<script th:src="@{/ajax/libs//datapicker/bootstrap-datetimepicker.min.js}"></script>
<script th:src="@{/ajax/libs/select/select2.js}"></script>
<script type="text/javascript">
    var prefix = ctx + "zzjx/pefassproject"

    function selectOrgDeptPro(orgId, orgName, event) {
        $("#orgDept").load(prefix + "/orgDeptList", {orgId: orgId}, function (data) {

            $("#orgDeptProNameKey").html(orgName);
            $("#orgDeptProjectId").val(orgId);
            $('.nav_test ul li:eq(0)').addClass('hit').siblings().removeClass('hit');
            $('.panes>div:eq(0)').show().siblings().hide();
            $(event).addClass("selected").siblings().removeClass("selected");
        });
    }

    function dbClickOrgDeptDesc(orgId) {
        $.modal.loading("正在加载数据，请稍后...");

        var roleId = $("#roleId").val();
        var url = ctx + "zzjx/pefctasstable/myApportion/" + orgId + "/" + roleId;
        $.modal.openFull("数据详细列表", url);
        $.modal.closeLoading();
    }

    function onMousOverOrgDeptStatus(orgDeptId) {
        $("#" + orgDeptId + "_").css("display", "block");
        $("#" + orgDeptId + "_").css("left", event.clientX);
        $("#" + orgDeptId + "_").css("top", event.clientY + 20);
        $("#" + orgDeptId + "_").load(prefix + "/orgProDepStatusByIdtList", {orgDeptId: orgDeptId}, function (data) {
        });
    }

    function mouseOutOrgDeptStatus() {
        $("#orgDept ul  div").css("display", "none");
    }


</script>
</body>
</html>
